// 引入 createRouter
import { createRouter, createWebHashHistory } from 'vue-router'

// 引入路由对应的组件
import Home from './views/Home.vue'
import About from './views/About.vue'

// 调用 createRouter 创建 路由器实例对象
const router = createRouter({
  // 路由模式的指定
  //    1. hash 模式
  //        history: createWebHashHistory()
  //    2. history 模式
  //        history: createWebHistory()
  history: createWebHashHistory(),

  // 路由关系映射表
  //    一个对象就表示一条路由记录
  routes: [
    {
      path: '/home', // url地址
      component: Home, // 组件
    },
    {
      path: '/about',
      component: About
    }
  ]
})

// 最后，导出 路由器实例对象
export default router